// components/sliding_delete/sliding_delete.js
Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持  
  },
  
  /** 
   * 组件的属性列表 
   * @param { Array } data 数据
   * @param { String } height 自定义高
   * @param { String } imgSrc 图片字段
   * @param { String } name 名称字段
   * @param { String } price 价格字段
   * 
   */
  
  properties: {
    height:{
      type:String,
      value:"200rpx"
    },
    data:{
      type:null,
      value:null
    },
    imgSrc:{
      type:String,
      value:null
    },
    name:{
      type:String,
      value:null
    },
    price:{
      type:String,
      value:null
    },
    attrData:{
      type:String,
      value:null
    },
    goodsId:{
      type:String,
      value: null
    },
    ShowActive:{
      type:Boolean,
      value:false
    }
  },
  data:{
    radioChecked:false
  },

  methods:{
    _CStart(e){
      this.StartX = e.changedTouches[0].pageX;
    },
    _CMove(e){
      let Item = e.currentTarget.dataset.index;
      this.MoveX = e.changedTouches[0].pageX;
      if (this.StartX - this.MoveX > 60){
       this.setData({
         ShowActive:true,
         Item
       }); 
      } else if (this.MoveX > this.StartX + 60){
        this.setData({
          ShowActive: false,
          Item          
        }); 
      }
    },
    _CRuy(e){
      let id = e.currentTarget.dataset.id;
      this.triggerEvent("buy",{id},{});
    },
    _CRemove(e){
      let id = e.currentTarget.dataset.id;      
      this.triggerEvent("removeItem",{id},{});
    }
  }
});